<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/taglibs.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>广东工业大学招生办-学校概况</title>
	<link rel="stylesheet" type="text/css" href="${ctx }/css/reset.css" />
	<link rel="stylesheet" type="text/css" href="${ctx }/css/common.css" />
	<link rel="stylesheet" type="text/css" href="${ctx }/css/home.css" />
	<link rel="stylesheet" type="text/css" href="${ctx }/css/page.css" />
	<script type="text/javascript" src="${ctx }/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx }/js/jquery.tab.js"></script>
	<script type="text/javascript" src="${ctx }/js/showTime.js"></script>

  </head>
  
  <body>
	<div class="wrapper">
		<div id="header" class="auto">
			<div class="header-content w960 auto rel">
				<span class="r mt20 mr10" id="time"></span>
				<div style="clear:both;"></div>
				<div class="r " style="width:210px; margin-right:10px;">建议使用360浏览器6.0以上版本或IE8以上版本浏览</div>
				<span class="abs mt60 ml70"><a href="${ctx }/index.html">Home</a>&nbsp;|&nbsp;<a href="#">Site</a></span>
			</div>
		</div>
		<!--nav-->
		<div id="nav" class="auto">
			<div class="menu-list w960 auto f16 rel">
				<ul>
					<li><a href="${ctx}/base/notice.action">招办公告</a></li>
					<li><a href="${ctx}/base/admission-policy.action">招生政策</a></li>
					<li><a href="${ctx }/base/enroll-detail!entry.action">招生计划</a></li>
					<li><a href="${ctx}/base/recruitment-detail!entry.action">录取统计</a></li>
					<li><a href="${ctx}/base/message!list.action">在线咨询</a></li>
					<li><a href="${ctx}/base/school-intr!input.action?type=010">学校概况</a></li>
					<li><a href="${ctx}/base/academy!list.action">院系介绍</a></li>
					<li><a href="${ctx}/base/environment!checkOnlineConsult.action">校园生活</a></li>
					<li><a href="${ctx}/base/teacher-view!checkConsult.action">名师介绍</a></li>
				</ul>
				<div class="right-list abs"><div class="white f20 latest-announcement">学校概况</div></div>
			</div>
		</div>
		<!--main-content-->
		<div id="main-content-child-page" class="w960 auto">
			<!--Breadcrumb Trail-->
			<div class="breadcurmb-trail mt5 mb10">
				您的位置：<a href="${ctx }/index.html">网站首页</a>-学校概况
			</div>
			<div class="content rel clearfix">								
					
				<div class="academy-right-menu abs" style="height:150px;">
					<ul>
						<li><a name="010" href="#choice-1" class="current">学校简介</a></li>
						<li><a name="020" href="#choice-2">历史沿革</a></li>						
						<li><a name="030" href="#choice-3">校区分布</a></li>						
						<li><a name="040" href="#choice-4">合作交流</a></li>
					</ul>
				</div>
				<div class="school">
					<div id="choice-1" style="display: block; ">
						<div class="content-title f20 rel l">
							学校简介
						</div>
						<div class="content-pic1 rel"></div>
				<div class="content-pic2 rel"></div>				
				<div class="content-pic3 rel l"></div>	
						<div id="010" class="school-intro f14 ml40 pl10 pr10" >更新时间:&nbsp;&nbsp;${inputTime}<br/>${content}</div>
					</div>
					<div id="choice-2" style="display: none;">
						<div class="content-title f20 rel l">
							历史沿革
						</div>
						<div class="content-pic1 rel"></div>
				<div class="content-pic2 rel"></div>				
				<div class="content-pic3 rel l"></div>	
						<div id="020" class="school-intro f14  ml40 pl10 pr10" style="width:650px;"></div>
					</div>
					
					<div id="choice-3" style="display: none; ">
						<div class="content-title f20 rel l">
							校区分布
						</div>	
						<div class="content-pic1 rel"></div>
				<div class="content-pic2 rel"></div>				
				<div class="content-pic3 rel l"></div>						
						<div class="school-campus rel f16">
							<ul>
								<li><a name="030" href="#campus-1" class="active">大学城校区</a></li>
								<li><a name="031" href="#campus-2">龙洞校区</a></li>
								<li><a name="032" href="#campus-3">东风路校区</a></li>
								<li><a name="033" href="#campus-4">番禺校区</a></li>
								<li><a name="034" href="#campus-5">沙河校区</a></li>
							</ul>
						</div>
						<div class="school-intro f14 ml40 pl10 pr10">
							<div id="campus-1" style="display: block; ">
								<div id="030"></div>
							</div>
							<div id="campus-2" style="display: none">
								<div id="031"></div>
							</div>
							<div id="campus-3" style="display: none">
								<div id="032"></div>
							</div>
							<div id="campus-4" style="display: none">
								<div id="033"></div>
							</div>
							<div id="campus-5" style="display: none">
								<div id="034"></div>
							</div>
						</div>
					</div>
					
					<div id="choice-4" style="display: none; ">
						<div class="content-title f20 rel l">
							合作交流
						</div>
						<div class="content-pic1 rel"></div>
				<div class="content-pic2 rel"></div>				
				<div class="content-pic3 rel l"></div>	
						<div id="040" class="school-intro f14 ml40 pl10 pr10"></div>
					</div>
				</div>
			</div>
		</div>	
	<div class="addBlock"></div>
	</div>
		<div class="auto" style="margin-top:-20px; background:#e5e5e5"><jsp:include page="../../../footer.jsp" flush="true" /> </div>
	
	<script type="text/javascript" >
  $(document).ready(function (){
      $(".academy-right-menu li a").click(function() {
        $(this).parent().siblings().find("a").removeClass("current");     
        $(this).addClass("current"); 
        var cid = $(this).attr("href").substring(1);
        $("#"+cid).siblings().css("display","none");
        $("#"+cid).css("display","block");
        var type = $(this).attr("name");
        $.getJSON("${ctx}/base/school-intr!change.action", {type:type}, function(data) {
				$("#"+data.type).html("更新时间:&nbsp;&nbsp;"+data.inputTime+"<br/>"+data.content);
			});
      });
      $(".academy-right-menu li a").click(function(){
        return false;
      });
  });
</script>
<script type="text/javascript" >
  $(document).ready(function (){
      $(".school-campus li a").click(function() {
        $(this).parent().siblings().find("a").removeClass("active");     
        $(this).addClass("active"); 
        var cid = $(this).attr("href").substring(1);
        $("#"+cid).siblings().css("display","none");
        $("#"+cid).css("display","block");
        var type = $(this).attr("name");
        $.getJSON("${ctx}/base/school-intr!change.action", {type:type}, function(data) {
				$("#"+data.type).html("更新时间:&nbsp;&nbsp;"+data.inputTime+"<br/>"+data.content);
			});
      });
      $(".school-campus li a").click(function(){
        return false;
      });
  });
</script>	
  </body>
</html>
